.uni-input,
input {
    font-size: 30rpx;
}
.uni-input-placeholder,
.placeholder {
    color: #b2b2b2 !important;
    font-size: 28rpx !important;
}
.form {
    &-item {
        position: relative;
        display: flex;
        align-items: center;
        height: 92rpx;
        padding: 0 30rpx;
        background: #fff;
        &::after {
            position: absolute;
            box-sizing: border-box;
            content: " ";
            pointer-events: none;
            right: 30rpx;
            bottom: 0;
            left: 30rpx;
            border-bottom: 1px solid #dadada;
            transform: scaleY(0.5);
        }
        &:last-child::after {
            display: none;
        }
        &__title {
            position: relative;
            font-size: 30rpx;
            font-weight: bold;
        }
        .title-border {
            padding-left: 32rpx;
        }
        .title-border::before {
            position: absolute;
            top: 8rpx;
            left: 4rpx;
            content: "";
            width: 6rpx;
            height: 28rpx;
            background: #5f70ff;
            border-radius: 2rpx;
        }
        &.initial {
            padding: 10rpx 30rpx;
            height: initial;
        }
        &__column {
            height: initial;
            flex-direction: column;
            align-items: flex-start;
            .form-item__label {
                width: 100%;
                padding: 28rpx 0 36rpx 0;
            }
            .form-item__content {
                flex: auto;
                width: 100%;
                &.wrap {
                    flex-wrap: wrap;
                }
            }
            .form-item__input {
                height: 92rpx;
            }
        }
        &__tips {
            background: #fff;
            &-text {
                font-size: 26rpx;
                color: #999;
                padding: 8rpx 30rpx 16rpx 30rpx;
            }
        }
        &__box {
            margin: 38rpx 30rpx;
            background: #fff;
            border-radius: 20rpx;
            overflow: hidden;
        }
        &__label {
            font-size: 28rpx;
            min-width: 180rpx;
            padding-right: 20rpx;
            box-sizing: border-box;
            &-name {
                font-size: 28rpx;
                font-weight: bold;
                color: #333;
            }
            &-icon,
            .check-icon {
                font-size: 36rpx;
                font-weight: bold;
                color: #333;
                margin-right: 20rpx;
            }
            .check-icon {
                position: relative;
                color: #dadada;
                font-weight: 500;
            }
            .check-active {
                color: $blue-1;
            }
            &-btn-text {
                font-size: 24rpx;
            }
        }
        &__icon {
            width: 110rpx;
            min-width: initial;
            padding-left: 30rpx;
        }
        &__icon [class^="bs-icon"] {
            font-size: 44rpx;
            color: #333;
        }
        &__textarea {
            text-align: left;
            flex: 1;
            width: 100%;
            height: 172rpx;
            background: #fff;
            padding: 20rpx;
            box-sizing: border-box;
            border: 1px solid #e5e5e5;
            border-radius: 8rpx;
            margin-bottom: 46rpx;
        }
        &__input {
            flex: 1;
            font-size: 28rpx;
        }
        &__input.large-size {
            font-size: 48rpx;
            font-weight: bold;
            padding: 10rpx 0;
        }
        &__content,
        .border {
            position: relative;
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            color: #333;
            font-size: 28rpx;
            box-sizing: border-box;
        }
        &__right .form-item__content {
            text-align: right;
        }
        &__avatar-img {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #c0c4cc;
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
            color: #fff;
            font-size: 36rpx;
        }
        &__upload {
            width: 80rpx;
            height: 60rpx;
            border: 1px solid #999;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            &-icon {
                font-size: 36rpx;
            }
        }
        &__img {
            width: 80rpx;
            height: 60rpx;
        }
        .form-upload {
            padding: 20rpx 0 60rpx 0;
        }
        &__footer {
            margin: 30rpx;
        }
        &__cover {
            padding-bottom: 0;
            .form-item__footer {
                margin: 0;
                button {
                    border-radius: 0;
                    box-shadow: none;
                    height: 90rpx;
                    line-height: 90rpx;
                }
                button + button {
                    margin: 0;
                }
            }
        }
        &.border-none::after {
            display: none;
        }
        .clear-icon {
            margin: 0 16rpx;
        }
        .arrow-icon {
            position: relative;
            top: 2rpx;
            font-size: 28rpx;
            margin-left: 20rpx;
        }
        .unit-text {
            font-size: 28rpx;
            margin-left: 20rpx;
        }
        .btn-code {
            margin-left: 16rpx;
            min-width: 172rpx;
        }
        .radio-item {
            display: flex;
            align-items: center;
        }
        .radio-icon {
            color: #b0b0b0;
            font-size: 36rpx;
        }
        .radio-text {
            color: #333;
        }
        .radio-sex .radio-text {
            color: $blue-1;
        }
        .hx-icon-nv + .radio-text {
            color: $pink2;
        }
        .sex-icon {
            font-size: 36rpx;
            margin-right: 10rpx;
            &.hx-icon-nan {
                color: $blue-1;
            }
            &.hx-icon-nv {
                color: $pink2;
            }
        }
        .check-active {
            color: $green;
        }
        .check-active1 {
            color: $blue-1;
        }
        .check-active2 {
            color: $pink2;
        }
    }
}
.form-disabled {
    .form-item,
    .textarea {
        opacity: 0.6;
        pointer-events: none;
    }
    .clear-icon {
        display: none;
    }
}
